import React, { Component } from 'react'
import News from './News'
import Message from './Message'
import MyNacLink from '../../components/MyNavLink'
import {Route,Switch,Redirect}from "react-router-dom"
export default class Home extends Component {
    render() {
        return (
            <div>
                <h3>我是Home的内容</h3>
                <div>
                    <ul className="nav nav-tabs">
                        <li>
                            {/* <a className="list-group-item" href="./home-news.html">News</a> */}
                            <MyNacLink to='/home/news'>News</MyNacLink>
                        </li>
                        <li>
                            {/* <a className="list-group-item " href="./home-message.html">Message</a> */}
                            <MyNacLink to='/home/Message'>Message</MyNacLink>

                        </li>
                    </ul>
                   {/* {注册路由} */}
                   <Switch>
                       <Route path='/home/news' component={News} />
                       <Route path='/home/Message' component={Message} />
                        <Redirect to='/home/news'/>
                   </Switch>
                   
                </div>
            </div>
        )
    }
}
